<template>
  <div id="app">
    <div class="container">
      <!--标题-->
      <div class="row top col-md-12 col-lg-12 col-sm-12">
        <h1 class="text-center">短信平台</h1>
      </div>
      <!--导航-->
      <div class="row top ">
        <div class="col-md-1 col-lg-1 col-sm-1"></div>
        <div class="col-md-10 col-lg-10 col-sm-10">
          <nav>
            <ul class="nav nav-tabs ">
              <router-link tag="li" to="/" active-class="active"><a>短息某某</a></router-link>
              <router-link tag="li" to="/verification" active-class="active"><a>验证某某</a></router-link>
              <router-link tag="li" to="/remember" active-class="active"><a>短信记录</a></router-link>
            </ul>
          </nav>
        </div>
        <div class="col-md-1 col-lg-1 col-sm-1"></div>
      </div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'app'
  }
</script>

<style>
  /*#app {*/
  /*font-family: 'Avenir', Helvetica, Arial, sans-serif;*/
  /*-webkit-font-smoothing: antialiased;*/
  /*-moz-osx-font-smoothing: grayscale;*/
  /*text-align: center;*/
  /*margin-top: 60px;*/
  /*}*/
  .top {
    margin-bottom: 20px;
  }
</style>
<!--<style lang="less">-->
<!--@import 'styles/less/home.less';-->

<!--#app {-->
<!--color: @baseC;-->
<!--}-->
<!--</style>-->
